<template>
    <div class="healthDoc">
        <!-- <h3 class="tc">张涛健康档案</h3> -->
        <div>
            <h4>基础信息</h4>
            <Divider />
            <Row class="block">
                <Col class="line" span="6">
                    <div><label for="">姓名</label><span>张涛</span> </div>
                    <div><label for="">手机号码</label><span>13412091312</span> </div>
                    <div><label for="">身高(cm)</label><span>174cm</span> </div>
                    <div><label for="">患者类型</label><span>2型糖尿病</span> </div>
                    <div><label for="">所在地址</label><span>深圳市南山区粤海街道12号</span> </div>
                    <div><label for="">备注说明</label><span>家族有比较严重的高血压情况</span> </div>
                </Col>
                <Col class="line" span="6">
                    <div><label for="">性别</label><span>男</span> </div>
                    <div><label for="">身份证号</label><span>420112198610102121</span> </div>
                    <div><label for="">体重(kg)</label><span>67kg</span> </div>
                    <div><label for="">并发症</label><span>糖尿病视网膜病变</span> </div>
                </Col>
                <Col class="line" span="6">
                    <div><label for="">出生日期</label><span>1986年10月10日</span> </div>
                    <div><label for="">联系人</label><span>张民</span> </div>
                    <div><label for="">婚姻状态</label><span>已婚</span> </div>
                    <div><label for="">确诊年份</label><span>2010年</span> </div>
                    <div><label for="">患者标签</label><span>糖尿病人群、高血压人群</span> </div>
                </Col>
                <Col class="line" span="6">
                    <div><label for="">年龄</label><span>33岁</span> </div>
                    <div><label for="">联系电话</label><span>13728121362</span> </div>
                    <div><label for="">职业</label><span>教师</span> </div>
                    <div><label for="">会员卡号</label><span>31212321</span> </div>
                </Col>
            </Row>
        </div>
        <div class="table">
            <h4>健康信息</h4>
            <Divider />
            <Row class="block">
                <Col class="line" span="12">
                    <div><label for="">疾病史</label><span>高血压、痛风</span> </div>
                    <div><label for="">现病史</label><span>无</span> </div>
                    <div><label for="">过敏史</label><span>无</span> </div>
                </Col>
                <Col class="line" span="12">
                    <div><label for="">家族史</label><span>糖尿病、高血压</span> </div>
                    <div><label for="">现在治疗方式</label><span>饮食、用药</span> </div>
                    <div><label for="">过去治疗方式</label><span>无</span> </div>
                </Col>
                
            </Row>
        </div>
        <div class="table">
            <h4>生活习惯</h4>
            <Divider />
            <Row class="block">
                <Col class="line" span="12">
                    <div><label for="">劳动强度</label><span>无</span> </div>
                    <div><label for="">抽烟情况</label><span>3支/天</span> </div>
                </Col>
                <Col class="line" span="12">
                    <div><label for="">锻炼情况</label><span>无</span> </div>
                    <div><label for="">饮酒情况</label><span>无</span> </div>
                </Col>
            </Row>
        </div>
        <div class="table">
            <h4>家庭成员</h4>
            <Divider />
            <Row class="block">
                <Col class="line" span="6">
                    <div><label for="">姓名</label><span>张宇</span> </div>
                    <div><label for="">姓名</label><span>王霞</span> </div>
                    <div><label for="">姓名</label><span>张雷</span> </div>
                </Col>
                <Col class="line" span="6">
                    <div><label for="">关系</label><span>父子</span> </div>
                    <div><label for="">关系</label><span>母子</span> </div>
                    <div><label for="">关系</label><span>兄弟</span> </div>
                </Col>
                <Col class="line" span="6">
                    <div><label for="">身份证号</label><span>420119196210102012</span> </div>
                    <div><label for="">身份证号</label><span>420119196511102012</span> </div>
                    <div><label for="">身份证号</label><span>420119199210102012</span> </div>
                </Col>
                <Col class="line" span="6">
                    <div><label for="">手机号码</label><span>13620121008</span> </div>
                    <div><label for="">手机号码</label><span>13320121033</span> </div>
                    <div><label for="">手机号码</label><span>13420112408</span> </div>
                </Col>
            </Row>
        </div>
    </div>
</template>
<style lang="scss" scoped>
    .healthDoc{
        background-color: #fff;
    }
    h3{
        text-align: center;
        font-size: 25px;
    }
    h4{
        font-size: 18px;
        font-weight: normal;
    }
    .ivu-divider{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .table{
        margin-top: 30px;
    }
    .block{
        .line{
            div{
                display: flex;
                line-height: 2.5em;
                // font-size: 14px;
                label{
                    min-width: 90px;
                    text-align: right;
                    margin-right: 10px;
                    white-space: nowrap;
                    overflow: hidden;
                    color: #515A6E;
                }
                span{
                    color: #808695;
                }
            }
        }
    }
</style>